<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml" xmlns:shiro="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<style>
	.detail-view td:first-child{
		padding: 0 !important;
	}
	.detail-view td {
		border: none;
	}
	.listTap{
		width: 120px;
		line-height: 40px;
		margin-bottom: 15px;
	}
	.listTap ul{
		display: flex;
		justify-content: space-between;
	}
	.listTap ul li{
		width: 50px;
		text-align: center;
		cursor:pointer;
	}
	.active{
		color: #0d78fc;
		border-bottom: 2px solid #0d78fc;
	}
	#exampleTables{
		display: none;
	}
</style>
<head th:include="include :: header"></head>
<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="col-sm-12">
			<div class="ibox">
				<div class="ibox-body">

					<div class="listTap">
						<ul>
							<li class="active">视频</li>
							<li>图片</li>
						</ul>
					</div>

					<div class="fixed-table-toolbar">

						<div class="columns pull-left">

							<button type="button" class="btn  btn-primary" onclick="add('','add')">
								<i class="fa fa-plus" aria-hidden="true"></i>新增
							</button>

							<button type="button" class="btn  btn-danger"
								onclick="batchRemove()">
								<i class="fa fa-trash" aria-hidden="true"></i>批量删除
							</button>

						</div>

						<div class="columns pull-right" style="margin-left: 10px">
							<button  class="btn btn-success" onclick="submits()">查询</button>
						</div>
						<div class="columns pull-right  nopadding" style="display: flex;margin-left: 30px">
							<span style="width: 120px;line-height: 35px;">子章节查询：</span><input id="searchNamesSun" oninput="searchNamesSunChange(event)" type="text" class="form-control" placeholder="请输入名称">
						</div>

						<div class="columns pull-right" style="margin-left: 10px">
							<button class="btn btn-success" onclick="reLoad()">查询</button>
						</div>
						<div class="columns pull-right  nopadding" style="display: flex;margin-left: 30px">
							<span style="width: 100px;line-height: 35px;">章节查询：</span><input id="searchName" oninput="searchNameInput(event)" type="text" class="form-control" placeholder="请输入名称">
						</div>

<!--						<div class="columns pull-right col-md-1 nopadding">-->
<!--							<select id="searchState" name="searchState" class="form-control" >-->
<!--								<option value="">请选择</option>-->
<!--								<option value="0">待审核</option>-->
<!--								<option value="1">已通过/待缴费</option>-->
<!--								<option value="2">未通过</option>-->
<!--								<option value="3">已缴费</option>-->
<!--								<option value="9">已删除</option>-->
<!--							</select>-->
<!--						</div>-->
<!--					</div>-->
						<table id="exampleTable" class="table-striped" data-mobile-responsive="true"></table>

						<table id="exampleTables" class="table-striped" data-mobile-responsive="true"></table>

						<table id="exampleTablesSon" class="table-striped" data-mobile-responsive="true"></table>
				</div>
			</div>
		</div>

	</div>
	<!--shiro控制bootstraptable行内按钮看见性 -->
		<div>
			<script type="text/javascript">
				var s_edit_h = 'hidden';
				var s_remove_h = 'hidden';
				var s_resetPwd_h = 'hidden';
			</script>
		</div>
		<div shiro:hasPermission="jzweb:zykResourcesChapters:edit">
			<script type="text/javascript">
				s_edit_h = '';
			</script>
		</div>
		<div shiro:hasPermission="jzweb:zykResourcesChapters:remove">
			<script type="text/javascript">
				var s_remove_h = '';
			</script>
		</div>
		<div shiro:hasPermission="jzweb:zykResourcesChapters:resetPwd">
			<script type="text/javascript">
				var s_resetPwd_h = '';
			</script>
		</div>
	</div>

	<div th:include="include :: footer"></div>
	<script type="text/javascript" src="/js/webJs/jzweb/zykResourcesChapters/zykResourcesChapters.js"></script>
</body>
</html>